.order-details-box {
  position: relative;

  .p-layout-content {
    padding: 20px 40px;
    display: flex;
    flex-direction: column;
  }

  .order-details-content {
    margin-bottom: 40px;
    flex: 1;

    &:last-child {
      margin: 0;
    }

    .order-details-title {
      background: #f5f5f5;
      padding: 20px;
      margin-bottom: 40px;
      font-weight: 600;
      font-size: 14px;
    }

    .order-details-information,
    .order-details-information-sales {
      display: grid;
      grid-template-columns: repeat(5, auto);
      grid-row-gap: 20px;
      padding: 20px;
      font-size: 14px;

      .order-details-information-item {
        display: flex;
        align-items: flex-start;

        .item-title {
          color: #aaa;
        }

        .item-separated {
          margin: 0 10px;
        }

        .item-value {
          .ant-image {
            margin-right: 10px;
          }
        }
      }
    }

    .order-details-information-sales {
      grid-template-columns: repeat(4, auto);
    }

    .order-details-receiving {
      display: grid;
      grid-template-columns: repeat(3, auto);
      padding: 0 20px;
      font-size: 14px;

      .item-title {
        color: #aaa;
      }

      .item-separated {
        margin: 0 10px;
      }
    }
  }

  .ant-steps-item-content {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    .ant-steps-item-description {
      width: 80px;
    }
  }

  .ant-table-summary {
    background: #f5f5f5;
  }
}

.steps-timer {
  width: 280px;
  margin-bottom: 20px;
}

.printBtn {
  position: absolute;
  right: 20px;
  top: 20px;
}

.gift {
  font-size: 30px;
  color: #fff;
  font-weight: 600;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffd700;
  opacity: 1;
  position: absolute;
  left: 50px;
  bottom: 10px;
  transform: rotateZ(-30deg) scale(1);

}
